<%@ Page Language="C#" MasterPageFile="~/MyMasterPage.master" Title="Your Name Here | Albums"
    CodeFile="Albums.aspx.cs" Inherits="Albums_aspx" EnableViewState="false" %>

<asp:content id="Content1" contentplaceholderid="ContentPlaceHolder1" runat="server">

    <div class="shim gradient"></div>

    <div class="page" id="albums">
        <p>I try to collect some snapshot to my life.............</p>
        <hr />
        <asp:DataList ID="DataList1" runat="Server"  dataSourceID="ObjectDataSource1" cssclass="view"
            repeatColumns="2" repeatdirection="Horizontal" borderwidth="0" cellpadding="0" cellspacing="0">
            <ItemStyle cssClass="item" />
            <ItemTemplate>
                <table border="0" cellpadding="0" cellspacing="0" class="album-frame">
                    <tr>
                        <td class="topx----" style="width: 14px; height: 14px"><asp:image runat="Server" id="b01" skinid="b01" /></td>
                        <td class="top-x---" style="height: 14px"><asp:image runat="Server" id="b02" skinid="b02" /></td>
                        <td class="top--x--" style="height: 14px"></td>
                        <td class="top---x-" style="height: 14px"><asp:image runat="Server" id="b03" skinid="b03" /></td>
                        <td class="top----x" style="height: 14px"><asp:image runat="Server" id="b04" skinid="b04" /></td>
                    </tr>
                    <tr>
                           <% string extension = System.Configuration.ConfigurationManager.AppSettings["extension"].ToString(); %>  
                        <td class="mtpx----" style="width: 14px"><asp:image runat="Server" id="b05" skinid="b05" /></td>
                        <td colspan="3" rowspan="3"> 
                           <a href='Photos/<%# Eval("AlbumID") %>/<%# ModifiedCaption(Eval("Caption")) %><%=extension%>' >
                            <img src="../Albums/Handler.ashx?AlbumID=<%# Eval("AlbumID") %>&Size=M" class="photo_198" style="border:4px solid white" alt='Sample Photo from Album Number <%# Eval("AlbumID") %>' /></a>
                            </td>
                        <td class="mtp----x"><asp:image runat="Server" id="b06" skinid="b06" /></td>
                    </tr>
                    <tr>
                        <td class="midx----" style="width: 14px"></td>
                        <td class="mid----x"></td>
                    </tr>
                    <tr>
                        <td class="mbtx----" style="width: 14px"><asp:image runat="Server" id="b07" skinid="b07" /></td>
                        <td class="mbt----x"><asp:image runat="Server" id="b08" skinid="b08" /></td>
                    </tr>
                    <tr>
                        <td class="botx----" style="width: 14px"><asp:image runat="Server" id="b09" skinid="b09" /></td>
                        <td class="bot-x---"><asp:image runat="Server" id="b10" skinid="b10" /></td>
                        <td class="bot--x--"></td>
                        <td class="bot---x-"><asp:image runat="Server" id="b11" skinid="b11" /></td>
                        <td class="bot----x"><asp:image runat="Server" id="b12" skinid="b12" /></td>
                    </tr>
                </table>
				<h4>   <a href='Photos/<%# Eval("AlbumID") %>/<%# ModifiedCaption(Eval("Caption")) %><%=extension%>' > <%# Server.HtmlEncode(Eval("Caption").ToString()) %></a></h4>
				<%# Eval("Count") %> Photo(s)
            </ItemTemplate>
        </asp:DataList>
    
    </div>

	<asp:ObjectDataSource ID="ObjectDataSource1" Runat="server" TypeName="PhotoManager" 
		SelectMethod="GetAlbums">
	</asp:ObjectDataSource>
    

</asp:content>